<template>
  <el-table :data="tableData" style="width: 100%;height: 350px;overflow-y: auto;" >
    <el-table-column prop="courseName" label="课程" width="150" />
    <el-table-column prop="planContent" label="计划" width="400" />
    <el-table-column prop="creationDate" label="创建时间" width="200"/>
    <el-table-column prop="lastUpdate" label="更新时间"  /> 
  </el-table>
</template>

<script setup>
import {onMounted,ref} from 'vue'
import {getPlain} from "../api/function"
import {useStore} from 'vuex'
const store = useStore();

var tableData = ref([]);
onMounted(() => {
  getPlain(store.state.user.id).then((res) => {
    tableData.value = res.data;
  })
});

</script>
